<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
  <base href="<%=basePath%>">
      <meta charset="UTF-8">
      <title>拉勾网-最专业的互联网招聘平台</title>
         <link href="style/images/favicon.ico" rel="Shortcut Icon"> <!--标签图标-->
         <link href="style/css/style.css" type="text/css" rel="stylesheet">
         <link href="style/css/external.min.css" type="text/css" rel="stylesheet">
         <link href="style/css/popup.css" type="text/css" rel="stylesheet">
         
         <script type="text/javascript" src="style/js/jquery.1.10.1.min.js"></script>
<style type="text/css">
#lk{
        visibility: hidden;
}
#all_light { /*整个弹窗的页面*/
        opacity: 0.8; /*透明度*/
        width: 100%; /*宽度*/
        height: 1300px; /*高度，不能百分百*/
        background: #000; /*背景色*/
        position: absolute;
        top: 0;
        left: 0; /*定位*/
        display: none; /*隐藏*/
        z-index: 2; /*覆盖*/
 }

#contes { /* 弹框的页面*/
         width: 500px; /*宽度*/
         height: 500px; /*高度*/
         background: #fff; /*背景色*/
         display: block; /*隐藏*/ 
         z-index: 5; /*覆盖*/
         position: absolute;
         top: 100px;
         left: 400px; /* 定位*/
 }
 #noticeInterview { /* 弹框的页面*/
         width: 500px; /*宽度*/
         height: 500px; /*高度*/
         background: #fff; /*背景色*/
         display: block; /*隐藏*/ 
         z-index: 5; /*覆盖*/
         position: absolute;
         top: 100px;
         left: 400px; /* 定位*/
 }
input{
 margin-bottom: 10px;
}
</style>      
<!--------------------通知面试弹窗------------------------->	
    <div style="overflow:auto;" class="popup" id="noticeInterview">
	    <form id="noticeInterviewForm" action="DoemailServlet" method="get">
	     	<table width="100%" class="f16">
	         	<tbody>
	         	  <tr>
	         		<td width="20%" align="right" class="c9">收件人  </td>
	         		<td width="80%"> 
	         			<span class="c9" id="receiveEmail"></span> 
	         			<input type="text" id="shoujianren" value="1309082502@qq.com"  name="email">
	         		</td>
	         	  </tr>
	         	  <tr>
	             	<td align="right"><span class="redstar">*</span>主题</td>
	             	<td>
						<input type="text" value="公司：职位名称面试通知" name="subject">
					</td>
	           	  </tr>
	           	  <tr>
	             	<td align="right"><span class="redstar" >*</span>面试时间</td>
	             	<td>
						<input type="text" id="datetimepicker" name="interTime" class="hasDatepicker" value="一月一日">
					</td>
	           	</tr>
	           	<tr>
	             	<td align="right"><span class="redstar">*</span>面试地点</td>
	             	<td>
						<input type="text" name="interAdd" value="中软国际">
					</td>
	           	</tr>
	           	<tr>
	             	<td align="right">联系人</td>
	             	<td>
						<input type="text" name="linkMan" value="小王">
					</td>
	           	</tr>
	           	<tr>
	             	<td align="right"><span class="redstar">*</span>联系电话</td>
	             	<td>
						<input type="text" name="linkPhone" value="123">
					</td>
	           	</tr>
	           	<tr>
	             	<td valign="top" align="right">补充内容</td>
	             	<td>
						<textarea name="content"></textarea>
					</td>
	           	</tr>
	            <tr>
	            	<td></td>
	             	<td>
	             		<input type="submit" value="发送" class="btn">
	             		<a class="emailPreview"  href="javascript:void(0)" onclick="preview()">预览</a>
	             		<a class="emailPreview"  href="javascript:void(0)" onclick="close12()">关闭</a>
	             	</td>
	             </tr>
	         </tbody></table>
			<input type="hidden" value="${cid}" name="cid">
        </form>
    </div>
<!--------------------预览通知面试弹窗------------------------->    
    <div class="popup" id="contes">
    	<div class="f18">拉勾网：产品经理面试通知 </div>
        <div class="c9">发给：<span id="show"></span></div>
		<div id="emailText"></div>      
        <input type="button" value="提交" class="btn fl" onclick="interview()">
        <div style="margin-top:10px;margin-left: 110px; line-height:40px; ">
            <a title="通知面试" class="emailPreview" href="javascript:void(0)" onclick="interview()">返回修改</a>
        </div>
    </div><!--/#noticeInterviewPreview-->
<!--------------------通知面试成功弹窗------------------------->     
    <div class="popup" id="noticeInterviewSuccess">
	   	<table width="100%" class="f16">
         	<tbody><tr>
         		<td align="center" class="f16">
         			面试通知已发送成功<br>
         			 该简历已进入“已通知面试简历”列表
         		</td>
         	</tr>
         	 <tr>
             	<td align="center">
             		<input type="button" value="确认" class="btn">
             	</td>
             </tr>
        </tbody></table>
    </div><!--/#noticeInterviewSuccess-->
<!--------------------转发简历弹窗------------------------->   
    <div class="popup" id="forwardResume">
	     <form id="forwardResumeForm">
	     	<table width="100%" class="f16">
	           	<tbody><tr>
	             	<td width="20%" align="right">收件人</td>
	             	<td width="80%">
						<input type="text" placeholder="最多可添加两个邮箱，用“；”隔开" id="recipients" name="recipients">
						<span id="forwardResumeError" style="display:none" class="beError"></span>
					</td>					
	           	</tr>
	           	<tr>
	             	<td align="right">主题</td>
	             	<td>
						<input type="text" value="" name="title">
					</td>
	           	</tr>
	           	<tr>
	             	<td valign="top" align="right">正文</td>
	             	<td>
						<textarea name="content"></textarea>
						<span style="display:none;" class="beError error"></span>
					</td>
	           	</tr>
	            <tr>
	            	<td></td>
	             	<td>
	             		<input type="submit" value="发送" class="btn">
	             		<a class="emial_cancel" href="javascript:;">取消</a>
	             	</td>
	             </tr>
	        </tbody></table>
			<input type="hidden" value="" name="resumeKey">
			<input type="hidden" value="" name="positionId">
			<input type="hidden" value="" name="deliverId">
        </form>
    </div><!--/#forwardResume-->
<!--------------------转发简历成功弹窗------------------------->   
    <div class="popup" id="forwardResumeSuccess">
	   	<table width="100%" class="f16">
         	<tbody><tr>
         		<td align="center" class="f16">简历已转发成功  </td>
         	</tr>
         	 <tr>
             	<td align="center">
             		<input type="button" value="确认" class="btn">
             	</td>
             </tr>
        </tbody></table>
    </div>
<!--------------------确认不合适弹窗------------------------->     
    <div style="height:400px;" class="popup" id="confirmRefuse">
	    <form id="refuseMailForm">
	     	<table width="100%">
	         	<tbody><tr>
	         		<td>
	         			<div class="refuse_icon">
	         				<h3>确认这份简历不合适吗？</h3>
	         				<span>确认后，系统将自动发送以下内容至用户邮箱</span>
	         			</div>
	         		</td>
	         	</tr>
	         	<tr>
	             	<td>
	             		<textarea name="content">非常荣幸收到您的简历，在我们仔细阅读您的简历之后，却不得不很遗憾的通知您：
您的简历与该职位的定位有些不匹配，因此无法进入面试。

但您的信息已录入我司人才储备库，当有合适您的职位开放时我们将第一时间联系您，希望在未来我们有机会成为一起拼搏的同事；
再次感谢您对我们的信任，祝您早日找到满意的工作。</textarea>
	             	</td>
	            </tr>
	            <tr>
	             	<td>
	             		<input type="submit" value="确认不合适" class="btn">
	             		<a class="emial_cancel" href="javascript:;">取消</a>
	             	</td>
	            </tr>
	        </tbody></table>
	        <input type="hidden" value="" name="deliverId">
        </form>
    </div><!--/#confirmRefuse-->
<!--------------------拒绝email成功弹窗------------------------->   
    <div class="popup" id="refuseMailSuccess" style="">
	   	<table width="100%" class="f16">
         	<tbody><tr>
         		<td align="center" class="f16">
         			不合适通知已发送成功<br>
         			该简历已进入“不合适简历”列表
         		</td>
         	</tr>
         	 <tr>
             	<td align="center">
             		<input type="button" value="确认" class="btn">
             	</td>
             </tr>
        </tbody></table>
    </div>
 <script type="text/javascript">
    function interview() {
            document.getElementById('all_light').style.display = 'block';
            document.getElementById('contes').style.visibility= 'hidden';
            document.getElementById('noticeInterview').style.visibility= 'visible';
     }
    function preview() {
    	document.getElementById("show").innerHTML=document.getElementById("shoujianren").value;
        document.getElementById('all_light').style.display = 'block';
        document.getElementById('noticeInterview').style.visibility= 'hidden';
        document.getElementById('contes').style.visibility= 'visible';
    }
    function close12() {
     	document.getElementById('all_light').style.display = 'none';
    	document.getElementById('contes').style.visibility= 'hidden';
        document.getElementById('noticeInterview').style.visibility= 'hidden';
        document.getElementById('noticeInterviewSuccess').style.visibility= 'hidden';
        document.getElementById('forwardResume').style.visibility= 'hidden';
        document.getElementById('forwardResumeSuccess').style.visibility= 'hidden';
        document.getElementById('confirmRefuse').style.visibility= 'hidden';
        document.getElementById('refuseMailSuccess').style.visibility= 'hidden'; 
    	
 }
</script> 
        


